<%- include header %>

<div class="scroll-content has-header has-footer" style="width:600px;margin:0 auto;overflow-y:auto;">
  <ul class="list">
    <% var lastYear = 0 %>
    <% posts.forEach(function (post, index) { %>

    <li class="item balanced-bg" style="color:white;">
      <% if (lastYear != post.time.year) { %>
    <% lastYear=post.time.year } %>
    <time><%= post.time.day %></time>
    <a href="/u/<%= post.name %>/<%= post.time.day %>/<%= post.title %>"><%= post.title %></a>
    </li>

    <% }) %>
  </ul>


</div>
<!--<ul class="archive">-->
  <!--<% var lastYear = 0 %>-->
  <!--<% posts.forEach(function (post, index) { %>-->
  <!--<% if (lastYear != post.time.year) { %>-->
  <!--<li><h3><%= post.time.year %></h3></li>-->
  <!--<% lastYear=post.time.year } %>-->
  <!--<li><time><%= post.time.day %></time></li>-->
  <!--<li><a href="/u/<%= post.name %>/<%= post.time.day %>/<%= post.title %>"><%= post.title %></a></li>-->
  <!--<% }) %>-->
<!--</ul>-->
<%- include footer %>